* { border:none; padding:0px; margin:0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; }
body { background-color: #eee7dd; }
h1 { font-size: 18px; font-weight:bold; padding:15px; padding-bottom:5px; color:#333333; }
h2 { font-size: 18px; font-weight:normal; padding:10px; color:#454545; }
h3 { font-size: 14px; font-weight:bold; padding:10px; }
a { color:#0000ff; text-decoration:none; }
a:hover { color:#660099; text-decoration:underline; }
a.delete:hover { /** delete icon */ text-decoration:none; border:none; }
form { }
table { border-collapse:collapse; width:100%; }
tr.A { background-color:#f3f3f3; }
tr.B { background-color:#e5e5e5; }
.data-editor { padding:10px 0px; }
.data-editor tr { background-color:#f3f3f3; }
th { height:22px; vertical-align:middle; background-color:#fff; color:#1f476f; font-weight:bold; padding:5px 4px; font-size:11px; }
th.th-sn { width:26px; }
th.th-delete { width:30px; }
th.th-actions { width:80px; }
th.th-checkall { width:25px; }
td { padding:4px; vertical-align:top; }
.data td { border-right:1px solid #ccc; font-size:11px; }
.data td a { text-decoration:underline; color:#333; }
.data td a:hover { color:#ff4e18 }
td.attribute { text-align:left; padding-right:10px; padding-left:10px; width:140px; }
/*td:hover { background-color:#00ff99; }*/
/*table.data tr:hover { background-color:#ffcc99; }*/
table.data caption { color:#333; margin:5px; font-weight:normal; font-size:18px; text-align:left; }
table.data { border:1px solid #dbdbdb; }
td.r { text-align:right; }
thead tr th { text-align:left; white-space:nowrap; background-color:#cccccc; color:#000000; font-weight:bold; }
td.nowrap { white-space:nowrap; }
/** for data editors only */
table.edit { background-color:#00ffcc; }
/** special, meta fields markers */
tr.meta, tr.meta td { background-color:#ffcccc; }
table.edit a { color:#0000ff; }
.nodata { padding:40px; color:#ff0000; font-weight:bold; font-size:18px; }
/** end of data editors */
input, select, textarea { background-color:#fff; border:1px solid #cecece; }
input[type="text"], input[type="password"], option { padding:3px 5px 3px 5px; vertical-align:middle; }
input[type="text"], input[type="password"] { width:350px; height:16px; }
textarea { width:350px; height:150px; padding: 3px 5px; }
select { width:265px; height:22px; }
input[type="submit"] {color:#fff; font-weight:normal; text-align:center; padding:2px 5px 2px 5px; background-color:#5c87af; border:1px solid #436789; cursor:pointer; }
input.vanish { display:none; visibility:hidden; }
a.button-cancel { color:#333333; }
/** ie patch for input area and submit buttons */
.input { width:350px; height:20px; }
.submit { /*height:25px;*/ color:#ffff00; font-weight:normal; text-align:center; padding:2px 5px 2px 5px; background-color:#035f03; border:1px solid #000000; }
a.submit:hover { color:#FFFFFF; }
/** end of ie patch */
.clear { clear:both; }
.content-box { margin-bottom:15px; background: none repeat scroll 0px 0px #ebebeb; padding:10px 0px 0px; }
.content-box table, .content-box form { }
.form-wrap { clear:both; height:auto; }
.form-wrap form{}
.content-title { background: none repeat scroll 0px 0px #f3f3f3; border-bottom: 1px solid #d9d9d9; }
.wrapper { width:100%; margin:0px auto; }
/** header */
.header-wrapper { background:url(../images/theme02/background-top.png) repeat-x left top; background-color:#000000; }
.header { width:1000px; margin:0px auto; position:relative; }
.header-title { text-transform:uppercase; padding:10px 20px; font-weight:normal; }
.header-title { float:left; background:url(../images/logo.png) no-repeat left 20px; text-indent:-999em; width:263px; height:73px;}
.header-title a, .header-title a:hover { text-decoration:none; }
.menus-top { float:right; position:absolute; right:0px; bottom:10px; }
.menus-top p a { color:#333; font-size:10px; padding:0px 10px 0px 20px; background:url(../images/theme02/sprites-small.png) no-repeat left top; }
.menus-top p a.item1 { background-position:0px -357px; }
.menus-top p a.item2 { background-position:0px -380px; }
.menus-top p a.item3 { background-position:0px -338px; }
.menus-top p a.last { }
.nav-container { background:url(../images/theme02/backgrougnd-navigator.png) repeat-x left top; }
#body-frontend .nav-container { width:1004px; margin:0px auto 0px auto;}
.navigator-main { width:1000px; margin:0px auto; }
/** main content */
.content-wrapper { background:url(../images/theme02/background-content.png) repeat-y center top; }
.content-panel { width:990px; padding:5px 0px 5px 0px; margin:0px auto 0px auto; }
.contents { /* min-height:370px; */ width:990px; overflow:hidden; }
.contents p { line-height:12px; padding:10px 5px 10px 5px; }
.system-message { color:#ccc; background-color:#6f6f6f; border:1px solid #4d4d4d; padding:10px; margin-bottom:10px; margin-top:10px; }
.system-message p { }
.system-message a { color:#0f0; }
.additional { /** included files */ }
/** end of contents */
/** footer */
.footer { padding:10px; line-height:20px; text-align:center; background-color:#000000; color:#cccccc; width:982px; margin:0px auto; }
.footer a { color:#51d4ff; }
/** end of footer */
/** administrative menus */
.information { padding:5px; margin:10px 0px 0px 0px; text-align:right; font-size:16px; font-weight:bold; min-height:41px; height:auto !important; height:41px; }
.information a { color:#003366; }
.information a:hover { border:none; }
.information ul { list-style:none; height:23px; }
.information ul li { /** reverse list your menus */ float:right; margin-left:10px; }
ul.links li.add { padding-left:20px; }
.warning-list { padding:10px; margin-top:5px; background-color:#ffff66; border:1px solid #ff9900; /** we do not need to show this anymore */ display:none; visibility:hidden; }
.warning p { line-height:18px; }
/** end of administrative menus */
/** pagination: holder, ul/li, a, span, current, ... */
.paginator { margin:10px 0px; overflow:hidden; height:30px; }
ul.pagination { height:100%; overflow:hidden; font:12px "tahoma"; list-style-type:none; }
ul.pagination li { float:left; margin-left:5px; }
ul.pagination li:first-child { margin-left:0px; }
ul.pagination li a { color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; }
ul.pagination li a img { border:none; }
ul.paginationb li a { border:solid 1px; padding:6px 9px 6px 9px; }
ul.paginationb li { padding-bottom:1px; }
ul.paginationb li a:hover,  ul.paginationb li a.current { color:#ffffff; }
/*****************************************************************/
	
ul.paginationb10 li a { color:#444444; border-color:#bebebe; background:#fafafa; }
ul.paginationb10 li a:hover,  ul.paginationb10 li a.current { border-color:#202020; background-color:#525252; }
/** end of pagination */
/** for entity details */
.details { overflow:hidden; background:#fff; border:1px solid #ccc; }
.details div { padding:5px; font-size:12px; }
.details div strong { color:#0080c2; }
.details .holder { clear:both; }
.details .holder .title { float:left; width:150px; text-align:right; font-weight:bold; padding-right:10px; }
.details .holder .content { float:left; text-align:left; width:670px; }
.details .holder .content p { }
/** end of entity details */
span.required { color:#ff0000;}
/* navigate thumb */
.navigate-thumb { clear:both; }
.navigate-thumb h2 { background:#f3f3f3; border-bottom:1px solid #d9d9d9; }
.navigate-thumb { background:#ebebeb; padding:20px; }
.tab-wrap { clear:both; }
.tab-wrap ul { list-style:none; margin:10px 0px; float:right; }
.tab-wrap ul li { float:left; margin-right:1px; }
.tab-wrap ul li a { display:block; background:#cfcfcf; color:#fff; font-size:12px; padding:4px 10px; color:#666666; }
.tab-wrap ul li a:hover, .tab-wrap ul li.active a { text-decoration:none; background:#a6a6a6; color:#ffffff; }
.thumb-holder { clear:both; padding:0px 20px 5px 20px; }
.thumb-holder ul { list-style:none; margin-left:-15px; }
.thumb-holder ul li { float:left; margin:0px 0px 10px 15px; padding:4px; border:1px solid #ccc; text-align:center; }
.thumb-holder ul li:hover { background-color:#fff; }
.thumb-holder ul li a { position:relative; display:block; width:95px; height:93px; background:#f8f8f8 url(../images/theme02/sprites.png) no-repeat left top; }
.thumb-holder ul li a span { width:95px; font-size:11px; display:block; color:#2e738c; left:0px; top:61px; position:absolute; line-height:12px; }
.thumb-holder ul li.item1 a { background-position:0px 0px; }
.thumb-holder ul li.item1 a span { }
.thumb-holder ul li.item2 a { background-position:-95px 0px; }
.thumb-holder ul li.item2 a span { }
.thumb-holder ul li.item3 a { background-position:-190px 0px; }
.thumb-holder ul li.item3 a span { }
.thumb-holder ul li.item4 a { background-position:-285px 0px; }
.thumb-holder ul li.item4 a span { }
.thumb-holder ul li.item5 a { background-position:-380px 0px; }
.thumb-holder ul li.item5 a span { }
.thumb-holder ul li.item6 a { background-position:-475px 0px; }
.thumb-holder ul li.item6 a span { }
.thumb-holder ul li.item7 a { background-position:-570px 0px; }
.thumb-holder ul li.item7 a span { }
.thumb-holder ul li.item8 a { background-position:-665px 0px; }
.thumb-holder ul li.item8 a span { }
.thumb-holder ul li.item9 a { background-position:-190px 0px; }
.thumb-holder ul li.item9 a span { }
/* small icons */
th.actions, td.actions { }
.actions ul { list-style:none; }
.actions li { float:left; }
.actions li a { display:block; text-indent:-999em; background:url(../images/theme02/sprites-small.png) no-repeat left top; height:16px; width:16px; }
li.scan a { background-position:0px -99px; }
li.verify a { background-position:0px -339px; }
li.add a { background-position:0px 0px; }
li.detail a { background-position:0px -18px; }
li.edit a, .btm-action li.edit a { background-position:0px -202px; }
li.delete a { background-position:0px -260px; }
li.move-up a { background-position:0px -278px; }
li.move-down a { background-position:0px -162px; }
.btm-action li a { background:url(../images/theme02/sprites-small.png) no-repeat left top; display:inline-block; padding:0px 0px 0px 20px; }
.btm-action li.admin-list a { background-position:0px -398px; }
.top-action { margin:10px 0px 0px 0px; height:1%; }
.top-action ul { list-style:none; float:right; width:auto; }
.top-action ul li { float:left; margin-left:2px; }
.top-action ul li a { color:#fff; font-size:12px; background:#97aa7d url(../images/theme02/sprites-small.png) no-repeat left 8px; padding:5px 15px 5px 25px; display:block; }
.top-action ul li a:hover { text-decoration:none; background-color:#708356; }
.top-action .style1 { margin-top:20px;}
.top-action ul li.record-add a { background-position:4px -178px; }
.top-action ul li.record-list a { background-position:4px -393px; }
.top-action ul li.view a { background-image:none; padding-left:10px }
td.image { width:72px; }
.btm-action li.delete a { background-position:0px -258px; }
/* messenger holder */
/**
* throw away the below written css codes. it is put for testing only.
*/
.separator { background-color:#fe0000; height:4px; clear:both; }
img.thumbnail-tiny { width:100px; height:70px; background-color:#000000; }
img.thumbnail-tiny-front { width:100px; height:80px; background-color:#000000; }
.image-block { }
/*.image-unit { width:100px; height:80px; float:left; margin:10px; border:#ff9900; }*/
.image-preview-icon { width:300px; height:200px; background-color:#000000; float:right; }
.image-preview-large{ height:600px; width:987px; background-repeat:no-repeat; overflow:hidden; }
label { margin:5px; display:block; }
/* #body-frontend .content-title, #body-frontend .system-message { display:none; }*/
#body-frontend .content-wrapper { min-height:500px; }
.icon { width:16px; height:16px; }
.empty-yes { background-color:#FFFF00; }
a.not-working { text-decoration:line-through!important;}

/** image.php?id=254&code=07eb2ba8e42eae7e8b4d6f9b75ead999, details-public-ads-served.php */
table.ads-served { background-color:#000000; }
.ads-served-vertical { width:160px; height:600px; overflow:hidden; background-color:#FF9999; }
.ads-served-horizontal { width:728px; height:90px; overflow:hidden; background-color:#FF9999; float:left; }
.ads-served-info { float:left; width:262px; height:90px; overflow:hidden; background-color:#0000FF; }

/** image sizes */
.image-medium { width:800px; height:600px; }

/** banners */
img.home-banner { width:990px; height:120px; }

.paginator .current { background-color:#FFCC99; font-weight:bold; color:#FF0000; padding:2px; border:1px solid #FFFF00; }
.paginator .page-dotted { display:none; }

#images-image_caption { background-color:#FF9966; }
#images-image_keywords {background-color:#003300; color:#FFFF00; }
.url-share { }
.url-share strong { color:#006600; }
.url-dessipate { color:#999999; border-bottom:1px dashed #000099; padding-bottom:4px; }
.url-dessipate:hover { background-color:#0066FF; color:#FFFF00; }
.url-dessipate strong { font-weight:normal; }
.url-share li { padding:5px; margin-left:30px; line-height:20px; }
#body-frontend .system-message { display:none; }

/** image details editing */
.editor-block
{
	width:470px;
	display:block;
	float:left;
	margin:5px;
	height:250px;
	overflow:scroll;
	padding:5px;
}
.editor-block h1 { margin:0px; padding:0px; }

/** image details sizes management **/
#pixels-minus-x, #pixels-plus-x, #pixels-minus-y, #pixels-plus-y { font-size:18px; font-weight:bold; text-decoration:none; color:#FF0000; }



/** albums list public **/
.albums-holder { }
.albums-holder h1 { margin:0px; padding:5px; line-height:20px; height:20px; overflow:hidden; }
.albums-unit { width:225px; height:300px; background-color:#DDDDDD; border:1px solid #999999; padding:5px; margin:5px; float:left; }
.albums-slot { width:223px; height:250px; border:1px solid #999999; background-color:#FFFFFF; }
.albums-coverimage { height:250px; width:223px; background-color:#FFFF66; }
.browse-link { padding:8px; text-align:right; }